<template>
  <!-- 底部导航栏 -->
  <van-tabbar v-model="activeTab" class="bottom-tabbar">
    <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
    <van-tabbar-item icon="search" to="/productscategory">分类</van-tabbar-item>
    <van-tabbar-item icon="cart-o" to="/cart">购物车</van-tabbar-item>
    <van-tabbar-item icon="user-o" to="/myself">我的</van-tabbar-item>
  </van-tabbar>
</template>
<script setup>
import { ref, reactive } from 'vue';
const activeTab = ref(1); // 底部导航选中项
</script>
<style scoped>
/* 底部导航样式 */
.bottom-tabbar {
  position: fixed;
  bottom: 0;
  width: 100%;
}
</style>